<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="/css/login.css">
    <link rel="stylesheet" href="/libs/iconfont/iconfont.css">
</head>

<body>
    <header></header>
    <!-- 面包屑导航 -->
    <div class="bread_crumb contain">
        <ul>
            <li><a href="/">首页</a></li>
            <li><a href="/html/login.html">登录</a></li>
        </ul>
    </div>
    <div class="log_title contain">
        <h3 class="log_h3">登录</h3>
        <img src="/images/login/log_img.png" class="log_img">
    </div>
    <div class="log_detail contain">
        <div class="log_detail_left">
            <h4 class="log_exists">已注册用户登录</h4>
            <div class="form-group loginName">
                <label class="control-label">用户名<span>*</span></label>
                <div class="form-input">
                    <input type="text" maxlength="" placeholder="" id="loginName" value="">
                    <i class="icon icon-input-success"></i>
                    <div class="msg-block">
                        <span>请输入有效的用户名</span>
                    </div>
                </div>
            </div>

            <div class="form-group loginPassword">
                <label class="control-label">密码<span>*</span></label>
                <div class="form-input">
                    <input type="password" maxlength="" placeholder="" id="loginPassword" autocomplete="off"
                        onfocus="this.type='password'">
                    <i class="icon icon-input-success"></i>
                    <div class="msg-block">
                        <span>请输入正确的密码</span>
                    </div>
                </div>
            </div>
            <div class="btn-box">
                <a class="btn btn-black" id="login">登录</a>
            </div>
            <div class="or">
                <span>或</span>
            </div>
            <p class="coper_web">使用合作网站账号登录</p>
            <ul class="icon_session">
                <li>
                    <a href="" class="we-chat">
                        <!-- <i class="iconfont icon-weixin1"></i> -->
                    </a>
                    <span>微信</span>
                </li>
                <li>
                    <a href="" class="with-qq">
                        <!-- <i class="iconfont icon-QQ"></i> -->
                    </a>
                    <span>QQ</span>
                </li>
                <li>
                    <a href="" class="login-weibo">
                        <!-- <i class="iconfont icon-weibo1"></i> -->
                    </a>
                    <span>新浪</span>
                </li>
                <li>
                    <a href="" class="login-alipay">
                        <!-- <i class="iconfont icon-zhifubao"></i> -->
                    </a>
                    <span>支付宝</span>
                </li>

            </ul>
        </div>
        <div class="log_detail_center">
            <h4>新用户注册</h4>
            <p class="none-sm">注册即可享受</p>
            <ul class="none-sm">
                <li>-免费试用体验</li>
                <li>-官网独家礼赠</li>
                <li>-一手新品资讯</li>
                <li>-查看历史订单</li>
                <li>-收藏您喜欢的产品</li>
            </ul>
            <a href="/html/register.html" class="btn btn-black">立即注册</a>
        </div>
        <div class="log_detail_right">
            <div class="customers_server">
                <span>客户服务</span>
                <p>如果有任何问题，随时联系我们</p>
                <p><i class="iconfont icon-shouji"></i>400-820-8016</p>
                <a class="online-server showOulaiya"><i class="iconfont icon-zaixianzixun"></i>在线咨询</a>
                <a>关于退货 ><i class="icon icon-right-arrow"></i></a>
                <a href="http://policy.lorealchina.com/cookiespolicy">隐私条款 ><i class="icon icon-right-arrow"></i></a>
            </div>
            <div class="common_problem">
                <span >常见问题</span>
                <a class="link-problem">哪里可以买到我的产品？</a>
                <a class="link-problem">如何获取试用装？</a>
                <a class="link-problem">如何取消订单？</a>
                <a class="look-more">查看更多</a>
            </div>
        </div>
    </div>
    <footer></footer>
    <script src="/libs/require/require.min.js" data-main="/js/login"></script>
</body>

</html>